﻿<%@ Page Title="" Language="C#" MasterPageFile="~/EasyUI.Master" AutoEventWireup="true" CodeBehind="listlink.aspx.cs" Inherits="jnagr.Web.weatherinfo.listlink" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script type="text/javascript">
         $(function () {
             InitGird();
             InitSearch();
         });
         //初始化表格
         function InitGird() {
             $('#tt').datagrid({
                 title: '小气候设备关系列表', //表格标题
                 url: 'GetWeather.ashx', //请求数据的页面
                 sortName: 'devidmaster', //排序字段
                 idField: 'wlid', //标识字段,主键
                 iconCls: '', //标题左边的图标
                 width: '100%', //宽度
                 //height: $(parent.document).find("#mainPanle").height() - 35 > 0 ? $(parent.document).find("#mainPanle").height() - 35 : 500, //高度
                 nowrap: false, //是否换行，True 就会把数据显示在一行里
                 striped: true, //True 奇偶行使用不同背景色
                 collapsible: false, //可折叠
                 sortOrder: 'desc', //排序类型
                 remoteSort: true, //定义是否从服务器给数据排序
                 fitColumns: true,
                 method: 'post',
                 columns: [[
                     { field: 'ckb', checkbox: true },
                     { title: '主设备编号', field: 'devidmaster', width: 150 },
                     { title: '主设备名字', field: 'devmaster', width: 150, sortable: true },
                     { title: '从设备编号', field: 'devidslave', width: 150 },
                     { title: '从设备名字', field: 'devslave', width: 150, sortable: true }

                 ]],
                 toolbar: "#tab_toolbar",
                 queryParams: { "action": "querylink" },
                 pagination: true, //是否开启分页
                 pageNumber: 1, //默认索引页
                 pageSize: 20, //默认一页数据条数
                 rownumbers: true
             });
         }
         //初始化搜索框
         function InitSearch() {
             $("#ipt_search").searchbox({
                 width: 200,
                 //iconCls: 'icon-save',
                 searcher: function (val, name) {
                     $('#tt').datagrid('options').queryParams.search_type = name;
                     $('#tt').datagrid('options').queryParams.search_value = val;
                     $('#tt').datagrid('reload');
                 },
                 prompt: '请输入查询信息'
             });
         }
         function InitTree() {
             $('#tharm').tree({
                 url: 'GetWeather.ashx', //请求数据的页面               
                 width: '100%', //宽度                
                 lines: true,
                 method: 'post',
                 queryParams: { "action": "queryt" },
                 checkbox: true,
                 onlyLeafCheck: true,
                 formatter: function (node) {
                     return node.id + " " + node.text;
                 },
                 //onCheck: function (node, checked) {
                 //    if (checked)
                 //        $('#hid').val(node.id);  // 在用户点击的时候提示
                 //},
                 onLoadSuccess: function (node, data) {
                     var hid = $('#hid').val();
                     if (hid != "") {
                         var node = $('#tharm').tree("find", hid);
                         $('#tharm').tree("check", node.target);
                     }
                     
                     //loadData
                     //$('#tplant').tree('loadData', data);
                 }
             });
             $('#tplant').tree({
                 url: 'GetWeather.ashx', //请求数据的页面               
                 width: '100%', //宽度                
                 lines: true,
                 method: 'post',
                 queryParams: { "action": "queryt" },
                 checkbox: true,
                 onlyLeafCheck: true,
                 formatter: function (node) {
                     return node.id + " " + node.text;
                 },
                 //onCheck: function (node, checked) {
                 //    if (checked)
                 //        $('#pid').val(node.id);  // 在用户点击的时候提示
                 //},
                 onLoadSuccess: function (node, data) {
                     var hid = $('#pid').val();
                     if (hid != "") {
                         var node = $('#tplant').tree("find", hid);
                         $('#tplant').tree("check", node.target);
                     }
                 }
             });
         }
         function newUser() {
             //清空内容  
             $('#fm').form('clear');
             InitTree();
             $('#dlg').dialog('open').dialog('setTitle', '添加主从设备信息');
             document.getElementById("test").value = "add";
         }        
         function getids(nodes) {
             var ids = "";
             for (var i = 0; i < nodes.length; i++)
                 ids = ids + nodes[i].id + ",";
             if (ids != "")
                 ids = ids.substr(0, ids.length - 1);
             return ids;

         }
         function getrowids(rows) {
             var ids = "";
             for (var i = 0; i < rows.length; i++)
                 ids = ids + rows[i].wlid + ",";
             if (ids != "")
                 ids = ids.substr(0, ids.length - 1);
             return ids;

         }
         //添加        
         function saveUser() {
             var test = document.getElementById("test").value;
             var f = $('#fm');
             var harmnodes = $('#tharm').tree('getChecked');
             var controlnodes = $('#tplant').tree('getChecked');
             var hids = getids(harmnodes);
             var pids = getids(controlnodes);            
                 f.form('submit', {
                     url: "GetWeather.ashx?action=" + test + "&hids=" + hids + "&pids=" + pids,
                     onSubmit: function () {
                         return $(this).form('validate');
                     },
                     success: function (result) {
                         if (result.indexOf("T") == 0) {
                             $('#dlg').dialog('close');
                             $.messager.alert("提示", "恭喜您，信息添加成功", "info");
                             $('#tt').datagrid('reload');
                         }
                         else if ((result.indexOf("F") == 0)) {
                             $.messager.alert("提示", "添加失败，请重新操作！", "info");
                             return;
                         }
                         else if ((result.indexOf("L") == 0)) {
                             $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                             top.location = '/index.aspx';
                             return;
                         }
                     }
                 });

            
         }
         function removeUser() {
             var test = document.getElementById("test").value = "delete";
             var rows = $('#tt').datagrid('getSelections');
             if (rows == null) {
                 $.messager.alert("提示", "请选择要删除的行！", "info");
             }
             if (rows) {
                 $.messager.confirm('提示', '你确定要删除这些信息吗？', function (r) {
                     if (r) {
                         var ids = getrowids(rows);
                         $('#fm').form('submit', {
                             url: 'GetWeather.ashx?wlid=' + ids + "&action=" + test,
                             onSubmit: function () {
                                 //return $(this).form('validate');  
                             },
                             success: function (result) {
                                 if (result.indexOf("T") == 0) {
                                     $('#dlg').dialog('close');
                                     $('#tt').datagrid('clearSelections'); //清空选中的行  
                                     $.messager.alert("提示", "恭喜您，信息删除成功！", "info");
                                     $('#tt').datagrid('reload');

                                 }
                                 else if ((result.indexOf("F") == 0)) {
                                     $.messager.alert("提示", "删除失败，请重新操作！", "info");
                                     return;
                                 }
                                 else if ((result.indexOf("L") == 0)) {
                                     $.messager.alert("提示", "长时间没有操作，请重新登录！", "info");
                                     top.location = '/index.aspx';
                                     return;
                                 }

                             }

                         });
                     }
                 })
             }
         }

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <table id="tt">
    </table>
    <div id="tab_toolbar" style="padding: 4px;">
        <table cellpadding="0" cellspacing="0" style="width: 100%">
            <tr>
                <td style="padding-left: 2px">
                    <a href="#" onclick="newUser();" id="a_add"
                        class="easyui-linkbutton" iconcls="icon-add">添加</a>                    
                    <a href="#" onclick="removeUser();return false;" id="a_del" class="easyui-linkbutton" iconcls="icon-cancel">删除</a>
                </td>
                <td style="text-align: right; padding-right: 15px">
                    <input id="ipt_search" menu="#search_menu" />
                    <div id="search_menu" style="width: 120px">
                        <div name="usernum">
                            主设备名
                        </div>
                        <div name="username">
                            从设备名
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div id="dlg" class="easyui-dialog" style="width: 650px; height:470px; padding: 5px" data-options="closed:true,buttons:'#dlg-buttons',shadow:false">
        <form id="fm" method="post">
            <div style="float:left;width:310px;">
                <div id="dcontrol" class="easyui-panel" title="主设备信息"
                    style="width: 300px; height:380px;padding:2px;overflow:auto;  background: #fafafa;"
                    data-options="iconCls:'icon-cut',closable:false">
                    <ul id="tharm"></ul>
                </div> 

            </div>
            <div style="float:left;width:310px;">
               <div id="dharm" class="easyui-panel" title="从设备信息"
                    style="width: 300px;height:380px;  padding:2px;overflow:auto; background: #fafafa;"
                    data-options="iconCls:'icon-help',closable:false">
                    <ul id="tplant"></ul>
                </div>
                <input name="Test" id="test" type="hidden" />
                <input name="hid" id="hid" type="hidden" />  
                <input name="phid" id="phid" type="hidden" />               
                <input id="key" name="key" onkeydown="if(event.keyCode==13)reloadgrid()" type="hidden" />
                <input name="pid" id="pid" type="hidden" />
            </div>
            <div style="clear:both;"></div>
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" onclick="saveUser()">保存</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" onclick="javascript:$('#dlg').dialog('close')">关闭</a>
    </div>
</asp:Content>
